<template>
  <div>
    <Header active-index="5" />
    <!-- Breadcrumb Start -->
    <section
        class="section bg-home home-half"
        id="home"        
      >
        <div class="bg-overlay"></div>
        <div class="container">
          <div class="row">
            <div class="col-lg-8 offset-lg-2 text-white text-center">
              <h1 class="home-title">联系我们</h1>                          
            </div>
          </div>
        </div>
        <div class="wave-effect wave-anim">
          <div class="waves-shape shape-one">
            <div
              class="wave wave-one"
              :style="{'background-image': 'url(' + require('@/assets/images/wave-shape/wave1.png') + ')'}"
            ></div>
          </div>
          <div class="waves-shape shape-two">
            <div
              class="wave wave-two"
              :style="{'background-image': 'url(' + require('@/assets/images/wave-shape/wave2.png') + ')'}"
            ></div>
          </div>
          <div class="waves-shape shape-three">
            <div
              class="wave wave-three"
              :style="{'background-image': 'url(' + require('@/assets/images/wave-shape/wave3.png') + ')'}"
            ></div>
          </div>
        </div>
      </section>
    <Contact /> 
    <Footer />
  </div>
</template>

<script>
import Header from '@/components/header/index.vue'
import Footer from '@/components/footer/index.vue'
import Login from '@/components/login/index.vue'
import Reg from '@/components/reg/index.vue'
import Contact from '@/components/contact'
import { getAnnonce } from '@/api/contact'
export default {
  components: {
    Header,
    Footer,
    Login,
    Reg,
    Contact
  },
  data() {
    return {
      activeIndex: '1',
      activeIndex2: '1',
      form: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      },
      tableData: [{
        title: '2016-05-02',
        content: '王小虎',
        create_at: '上海市普陀区金沙江路 1518 弄'
      }, {
        title: '2016-05-02',
        content: '王小虎',
        create_at: '上海市普陀区金沙江路 1518 弄'
      }, {
        title: '2016-05-02',
        content: '王小虎',
        create_at: '上海市普陀区金沙江路 1518 弄'
      }, {
        title: '2016-05-02',
        content: '王小虎',
        create_at: '上海市普陀区金沙江路 1518 弄'
      }]
    }
  },
  mounted() {
  },
  methods: {
    onSubmit() {
      this.$message.success('发送成功')
    }
  }
}
</script>
<style scoped>
</style>
